<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>axios.create()</title>
</head>
<body>
  <!-- 
        1. 根据指定配置创建一个新的axios， 每个新的axios都有自己的配置
        2. 新的axios没有取消请求和批量请求的方法，其它所有语法都是一致的

  -->
  <script src="https://cdn.bootcss.com/axios/0.19.0/axios.js"></script>
  <script>
    axios.defaults.baseURL = 'http://localhost:3000'

    // 请求3000端口
    axios.get('/posts').then(response => {
      console.log(response)
    })

    const instance = axios.create({
      baseURL: 'http://localhost:4000'
    })

    // 请求4000端口
    instance.get('/posts').then(response => {
      console.log(response)
    })
  </script>
</body>

</html>